﻿
incrementoOrigenes = 0;

function crearOrigen(obj) {
    incrementoOrigenes++;

    var origenid = incrementoOrigenes;

    var listaOrigenes = document.getElementById('listaOrigenes');

    document.getElementById('cantidadOrigenes').value = incrementoOrigenes;

    //creo el origen
    var origen = document.createElement('div');
    origen.id = 'Origen' + origenid;
    origen.className = 'origen';
    listaOrigenes.appendChild(origen);

    var tituloOrigen = document.createElement('h2');
    tituloOrigen.id = 'TituloOrigen' + origenid;
    tituloOrigen.className = 'tituloOrigen';
    origen.appendChild(tituloOrigen);
    document.getElementById(tituloOrigen.id).innerHTML = "Origen";

    //creo el texto nombre del origen
    var textonombre = document.createElement('span');
    textonombre.id = 'spannombre' + origenid;
    textonombre.className = 'elemento';
    origen.appendChild(textonombre);
    document.getElementById('spannombre' + origenid).innerHTML = "Nombre:";

    //creo el input nombre
    var inputnombre = document.createElement('input');
    inputnombre.type = 'text';
    inputnombre.className = 'elemento';
    //inputnombre.style ="float:left;"
    inputnombre.name = 'inputnombre' + origenid;
    inputnombre.id = 'inputnombre' + origenid;
    origen.appendChild(inputnombre);

    //creo el texto de la url
    textonombre = document.createElement('span');
    textonombre.className = 'elemento';
    textonombre.id = 'spanurl' + origenid;
    origen.appendChild(textonombre);
    document.getElementById('spanurl' + origenid).innerHTML = "URL:";

    //creo el input de la url
    inputnombre = document.createElement('input');
    inputnombre.type = 'text';
    inputnombre.className = 'elemento';
    //inputnombre.style ="float:left;"
    inputnombre.name = 'inputurl' + origenid;
    inputnombre.id = 'inputurl' + origenid;
    origen.appendChild(inputnombre);

    //creo el texto de la url
    textonombre = document.createElement('span');
    textonombre.className = 'elemento';
    textonombre.id = 'spantipo' + origenid;
    origen.appendChild(textonombre);
    document.getElementById('spantipo' + origenid).innerHTML = "Tipo:";

    p = document.createElement('select');
    b = document.createElement('option');
    c = document.createElement('option');
    b.value = "1";
    b.innerHTML = "RSS";
    c.value = "2";
    c.innerHTML = "Dinámico";

    p.name = "tipo" + origenid;
    origen.appendChild(p);
    p.appendChild(b);
    p.appendChild(c)


    //creo el texto de la DLL
    textonombre = document.createElement('span');
    textonombre.className = 'elemento';
    textonombre.id = 'spandll' + origenid;
    origen.appendChild(textonombre);
    document.getElementById('spandll' + origenid).innerHTML = "DLL:";


    //creo el input de la DLL
    inputnombre = document.createElement('input');
    inputnombre.type = 'file';
    inputnombre.className = 'elemento';
    inputnombre.name = 'inputdll' + origenid;
    inputnombre.id = 'inputdll' + origenid;
    origen.appendChild(inputnombre);


    var botonborrarorigen = document.createElement('input');
    botonborrarorigen.type = 'button';
    botonborrarorigen.value = 'Borrar';
    botonborrarorigen.name = 'Borrar' + origenid;
    botonborrarorigen.className = 'elemento';
    botonborrarorigen.onclick = function () { borrarOrigenFiltro('listaOrigenes', 'Origen' + origenid) }
    origen.appendChild(botonborrarorigen);

    var botonagregarfiltro = document.createElement('input');
    botonagregarfiltro.type = 'button';
    botonagregarfiltro.value = 'Agregar Filtro';
    botonagregarfiltro.className = 'elemento';
    botonagregarfiltro.name = 'AgregarFiltro' + origenid;
    botonagregarfiltro.onclick = function () { agregarFiltro(origenid) }
    origen.appendChild(botonagregarfiltro);


    //contador de filtros
    var cantidadfiltros = document.createElement('input');
    cantidadfiltros.name = 'cantidadFiltros' + origenid;
    cantidadfiltros.id = 'cantidadFiltros' + origenid;
    cantidadfiltros.value = 0;
    cantidadfiltros.type = "hidden";
    origen.appendChild(cantidadfiltros);

    var tituloFiltro = document.createElement('h2');
    tituloFiltro.id = 'TituloFiltro' + origenid;
    tituloFiltro.className = 'tituloFiltro';
    origen.appendChild(tituloFiltro);
    document.getElementById(tituloFiltro.id).innerHTML = "Filtros";


    //creo el div de los filtros
    var filtros = document.createElement('div');
    filtros.className = 'listaFiltros';
    filtros.id = 'listafiltros' + origenid;
    origen.appendChild(filtros);


    //alert("Welcome!");
}

function agregarFiltro(origenid) {
    //alert(origenid);
    var incrementoFiltros = document.getElementById('cantidadFiltros' + origenid).value;
    incrementoFiltros++;
    var filtroid = incrementoFiltros;
    document.getElementById('cantidadFiltros' + origenid).value = incrementoFiltros;
    var listafiltros = document.getElementById('listafiltros' + origenid);
  
    var filtro = document.createElement('div');
    filtro.id = 'filtro' + origenid + '-' + filtroid;
    listafiltros.appendChild(filtro)

    //creo el texto nombre del filtro
    var textonombre = document.createElement('span');
    textonombre.id = 'filtrospannombre' + origenid + '-' + filtroid;
    textonombre.className = 'elemento';
    filtro.appendChild(textonombre);
    document.getElementById('filtrospannombre' + origenid + '-' + filtroid).innerHTML = "Nombre:";

    //creo el input nombre del filtro
    var inputnombre = document.createElement('input');
    inputnombre.type = 'text';
    //inputnombre.style ="float:left;"
    inputnombre.name = 'filtroinputnombre' + origenid + '-' + filtroid;
    inputnombre.id = 'filtroinputnombre' + origenid + '-' + filtroid;
    inputnombre.className = 'elemento';
    filtro.appendChild(inputnombre);

    //creo el texto del valor
    textonombre = document.createElement('span');
    textonombre.id = 'filtrospanvalor' + origenid + '-' + filtroid;
    textonombre.className = 'elemento';
    filtro.appendChild(textonombre);
    document.getElementById('filtrospanvalor' + origenid + '-' + filtroid).innerHTML = "Valor:";

    //creo el input del valor
    inputnombre = document.createElement('input');
    inputnombre.type = 'text';
    inputnombre.className = 'elemento';
    //inputnombre.style ="float:left;"
    inputnombre.name = 'filtroinputvalor' + origenid + '-' + filtroid;
    inputnombre.id = 'filtroinputvalor' + origenid + '-' + filtroid;
    filtro.appendChild(inputnombre);

    var botonborrar = document.createElement('input');
    botonborrar.type = 'button';
    botonborrar.className = 'elemento';
    botonborrar.value = 'Borrar';
    botonborrar.name = 'Borrar' + origenid + '-' + filtroid;
    var padre = 'listafiltros' + origenid;
    var hijo = 'filtro' + origenid + '-' + filtroid;
    //alert("borba!");
    botonborrar.onclick = function () { borrarOrigenFiltro(padre, hijo) };

    filtro.appendChild(botonborrar);
    //alert("borba!");

    //alert("WFilto!");

}

function borrarOrigenFiltro(padre, hijo) {
    //alert("borrar!");
    //alert(padre);
    //alert(hijo);
    var htmlpadre = document.getElementById(padre);
    htmlpadre.removeChild(document.getElementById(hijo));
}
